﻿<!DOCTYPE html>
<html>
<head>
	<title>锐浪HTML5报表演示 - AJAX方式(rubylong)</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
	<script src="../grhtml5-6.6-min.js" type="text/javascript"></script>
    <script language="javascript" type="text/javascript">
        function window_onload() {
            //创建报表显示器，参数指定其在网页中的占位标签的ID，表模板URL与报表数据URL不指定，而是在后面的AJAX操作中提供相关数据
            var reportViewer = window.rubylong.grhtml5.insertReportViewer("report_holder");

            reportViewer.reportPrepared = false; //指定报表生成需要加载报表模板
            reportViewer.dataPrepared = false;   //指定报表生成需要加载报表数据 

            //报表在模板与数据都载入后会自动生成
            rubylong.ajax("../../grf/1a.grf", function (xmlhttp, success) {
                if (success) {
                    reportViewer.loadReport(xmlhttp.responseText);
                }
                else {
                    alert("载入报表模板失败！");
                }
            });

            rubylong.ajax("../../data/DataCenter.jsp?data=Customer", function (xmlhttp, success) {
                if (success) {
                    reportViewer.loadData(xmlhttp.responseText);
                }
                else {
                    alert("载入报表数据失败！");
                }
            });
        }
    </script>
</head>
<body onload="window_onload()">
    <div id="report_holder"> <!--报表占位标签，生成的报表将显示到这里-->
    </div>
</body>
</html>